<%@ page language="java" import="java.util.*,model.*" pageEncoding="UTF-8"%>
<%@page import="model.Experience"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>申请人学习和工作经历</title>
    <script language="javascript" type="text/javascript"
			src="My97DatePicker/WdatePicker.js"></script> 
  <script type="text/javascript" src="js/jquery.js"></script>
    <style type="text/css">
<!--
-->
    </style>
</head>
  
   <body> 
   	<div id=one>
			<div>
		<table borderColor=#e2e2e1 cellSpacing=0 cellPadding=0  
				align=center bgColor=#ffffff border=0>
			<tr>
				<td colspan="2" align="center">
					<h3>请输入申报人学习（从高中起）和工作经历</h3>				</td>
			</tr>
			<tr>
				<td>
				<form action="Experience" method="post" name="form1" id="form1">
				  <table cellspacing=1 cellpadding=6 width="100%"
								bgcolor=#c0ccdd border=0 id="TbData">
                    <tr class=top>
                      
                      <td align="center"> 起止日期 </td>
                      <td align="center">学校或工作单位</td>
                      <td align="center">职务职称 </td>
                    </tr>
       				 <%
       				 	List<Experience> ex = (List<Experience>)session.getAttribute("EX");
       				 		if(ex != null){
	       				 	for(int i=0;i<ex.size();i++){
	       				 		Experience e = ex.get(i);
	       				 		int a = e.getJob();
       				  %>
                    <tr class=top id="trDataRow1">
                      <td align="center">
                        <input id="Text3" class="Wdate"
											
											style="WIDTH: 108px" type="text" name="beginTime" size="20" onClick="WdatePicker()" value="<%=e.getBeginTime() %>"/>
                        至：
                        <input id="Text3" class="Wdate"
											style="WIDTH: 108px" type="text" name="endTime" size="20" onClick="WdatePicker()" value="<%=e.getEndTime() %>" />                      </td>
                      <td align="center"><input type=text name="ejaddress" id="ejaddress" value="<%=e.getEjaddress() %>"></td>
                      <td align="center"><select name="job" id="job">
                          <option value="0"> 学生 </option>
                          <option value="1"> 高等院校 </option>
                          <option value="2"> 研究院所 </option>
                          <option value="3"> 工程技术 </option>
                          <option value="4"> 会计 </option>
                          <option value="5"> 统计 </option>
                          <option value="6"> 经济 </option>
                          <option value="7"> 艺术 </option>
                          <option value="8"> 公司 </option>
                          <option value="9"> 社会 </option>
                        </select>                      </td>
                    </tr>
              		<%
              			}
              			}else{
              		 %>
              		    <tr class=top id="trDataRow1">
                      <td align="center">
                        <input id="Text3" class="Wdate"
											
											style="WIDTH: 108px" type="text" name="beginTime" size="20" onClick="WdatePicker()"/>
                        至：
                        <input id="Text3" class="Wdate"
											style="WIDTH: 108px" type="text" name="endTime" size="20" onClick="WdatePicker()" />                      </td>
                      <td align="center"><input type=text name="ejaddress" id="ejaddress"></td>
                      <td align="center"><select name="job" id="job">
                          <option value="0"> 学生 </option>
                          <option value="1"> 高等院校 </option>
                          <option value="2"> 研究院所 </option>
                          <option value="3"> 工程技术 </option>
                          <option value="4"> 会计 </option>
                          <option value="5"> 统计 </option>
                          <option value="6"> 经济 </option>
                          <option value="7"> 艺术 </option>
                          <option value="8"> 公司 </option>
                          <option value="9"> 社会 </option>
                        </select>                      </td>
                    </tr>
                    <%
                    	}
                     %>
					</table>
					<table>
                    <tr>
                      <td colspan="4" align="center"><input name="submit2" type="button" value="+" onClick="AddRow();" />
                        <input name="submit3" type="button" value="-" onClick="DelRow();" />
                        <input name="submit" type="submit" value="提交" />                        <input name="button" type="reset" value="重置"></td>
                    </tr>
                  </table>
				  <script type="text/javascript">
					var vNum=$("#TbData tr").size();
					//alert(vNum);
					function AddRow(){
							var vTb=$("#TbData");//得到表格ID=TbData的jquery对象      
							//所有的数据行有一个.CaseRow的Class,得到数据行的大小
							vNum= vNum + 1;//表格有多少个数据行
							
							var vTr=$("#TbData #trDataRow1"); //得到表格中的第一行数据        
							var vTrClone=vTr.clone(true);//创建第一行的副本对象vTrClone
							vTrClone[0].id="trDataRow"+vNum;//設置 						第一個Id為當前獲取索引；防止重複添加多個ID為trDataRow1的數據行；一次添加一個；
							vTrClone.appendTo(vTb);//把副本单元格对象添加到表格下方
					 }   
					function DelRow(){
								if(vNum<=2)
								{
									 alert('请至少保留这两行');
									 return;
								}       
								var vTr=$("#TbData #trDataRow" + vNum)//得到tr对象;              
								
								  vTr.remove();
								 vNum = vNum - 1;
					}
								
				
				</script>
				</form>				
				</td>
			</tr>
		</table>
		</div></div>
	</body>
</html>
